<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>spotlight_nav</title>
	<!-- 为IE9之前的版本创造HTML5的元素 -->
	<!--[if lt IE 9]>
		<script>
			var e = ("abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video").split(',');
			for(var i = 1; i < e.length; i++)
				document.createElement(e[i]);
		</script>
	<![endif]-->
	<style type="text/css" rel="stylesheet">
		html,body{margin:0 1px;}
		nav{
			padding:0 18px;
		}
		.outter{
			float:left;
			border-radius: 0 0 8px 8px;
			border-style:solid;
			border-color:#FFD99C;
			border-width:0 1px 1px 1px;
			margin-right:5px;
		}
		.inner{
			display:none;
			height:4px;
		}
		a{
			vertical-align:bottom;
			height:26px;
			display:block;
			padding:6px 10px 1px 10px;
			text-decoration:none;
		}
		a:link,a:visited{
			color:black;
		}
	</style>
	<script src="../../../Public/js/jquery.js"></script>
</head>
<body>
	<nav>
		<volist name="sub_modules" id="vo">
			<div class="outter">
				<div class="inner"></div>
				<a href="__GROUP__/{$vo}/listall" target="s_content" class="sub_a">{$key}</a>
			</div>
		</volist>
	</nav>
</body>
</html>
<script>
	var now = 0;
	$(".sub_a:eq(0)").css("padding-top","14px");
	$(".sub_a").mouseover(function(){
		var index = $(".sub_a").index(this);
		if(index == now) return;
		$(this).css("padding-top","10px");
		var obj1 = ".inner:eq(" + index +")";
		$(obj1).slideDown(150);
	});
	$(".sub_a").mouseout(function(){
		var index = $(".sub_a").index(this);
		if(index == now) return;
		$(this).css("padding-top","6px");
		var obj2 = ".inner:eq(" + index +")";
		$(obj2).slideUp(150);
	});
	$(".sub_a").click(function(){
		var index = $(".sub_a").index(this);
		if(index == now) return;
		var temp = $(this);
		var obj3 = ".inner:eq(" + now +")";
		$(obj3).css("display","none");
		var obj4 = ".sub_a:eq(" + now +")";
		$(obj4).css("padding-top","6px");
		now = index;
		var obj5 = ".inner:eq(" + index +")";
		$(obj5).css("display","none");
		$(temp).css("padding-top","14px");
	});
</script>









